<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width:300px;
            height:500px;
            background-color: skyblue;
        }
    </style>
</head>
<body>
    <div></div>
    <button>解绑</button>
    <script>


        /* 绑定
            dom0
                事件源.on事件类型= 事件处理函数
            dom2
                事件源.addEventListener('事件类型',事件处理函数)
                事件源.attachEvent('on+事件类型',事件处理函数)

            

        解绑:
            dom0:
                事件源.on事件类型= null

            dom2:
                事件源.removeEventListener('事件类型',要解绑的事件处理函数)
                事件源.detachEvent('on+事件类型',要解绑的事件处理函数);

            注意事项:
                如果你想解绑dom2级别的事件 
                绑定的时候 函数必须单独拿出来写 不能写匿名函数

        
        
        
        
        */


        var divele = document.querySelector('div');
        // alert(divele)
        var btn = document.querySelector('button');



        // divele.onclick = function(){
        //     alert('我被点击了')
        // }

        // divele.onclick = null;


        // divele.addEventListener('click',function(){
        //     alert('666');
        // })

        // divele.addEventListener('click',function(){
        //     alert('888');
        // })


        // divele.removeEventListener('click',); // 不知道如何写 
        // 解绑哪个函数 

        // function fn1(){
        //     alert(666);
        // }

        // function fn2(){
        //     alert(999);
        // }


        // divele.addEventListener('click',fn1);

        // divele.addEventListener('click',fn2);

        // divele.removeEventListener('click',fn2); 



        // function fn1(){
        //     alert(666);
        // }

        // function fn2(){
        //     alert(999);
        // }


        // divele.attachEvent('onclick',function(){
        //     alert(123)
        // });

        // // divele.attachEvent('onclick',fn2);

        // // divele.detachEvent('onclick',fn2); 
    </script>
</body>
</html>